
<template class="container">
    <WindowTitleBar title="测试"></WindowTitleBar>
    
    <radiogroup v-model="form.radio">
        <radio id="SexM" value="M"></radio><label for="SexM">男</label>
        <radio id="SexF" value="F"></radio><label for="SexF">女</label>
    </radiogroup>

    <checkboxgroup v-model="form.checkbox">
        <checkbox value="A"></checkbox><label>A</label>
        <checkbox value="B"></checkbox><label>B</label>
        <checkbox value="C"></checkbox><label>C</label>
    </checkboxgroup>

    <input v-model="form.input" placeholder="输入提示..."></input>

    <textarea v-model="form.textarea"></textarea>
    <button onclick=ClickSubmit>提交</button>
</template>

<script type="text/lua">
RegisterComponent("WindowTitleBar", "%vue%/Components/WindowTitleBar.html");

form = {
    radio = "M",
    checkbox = {"A"},
    input = "",
    textarea = "",
}

function ClickSubmit()
    Log(form)
end

function OnReady()
end
</script>

<style>
.container {
    height: 100%; 
    width: 100%; 
    padding: 0px 2px 2px 2px;
    background: url(Texture/Aries/Creator/keepwork/Window/dakuang_32bits.png#0 0 440 93:378 43 33 44);
}
</style>
